<template>
  <div class="block">
    <el-avatar :size="100"
               :src="circleUrl"></el-avatar>
    <br>
  </div>

</template>

<script>
export default {
  data() {
    return {
      circleUrl:
        'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F09%2F3a%2Fbc%2F093abce7b31f4c8ffdbf345375ff4abb.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1647847271&t=d11172449910872141abe18fd430bd3a',
      squareUrl:
        'https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png',
    }
  },
}
</script>

<style>
</style>